﻿body {
background-color: #ffffff;
width: 954px;
margin: 0 auto;}
body {
font-family: Quattrocento Sans, sans-serif;
font-size: 14px;
color: #86827e
}

h1{
text-indent: -9999px;
width: 954px;
height: 20px;
background-position: center;}

nav ul {
width: 915px;
text-align: right;
border-bottom: 1px dotted #b0a397;
padding-bottom: 10px;
margin: -50px 0px 0px 0px;
font-size: 14px;
color: #afa397; 
}

nav li {
display: inline;
text-align: right;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 30px;
color: #afa397; 
}
li a.current{
color: #afa397; text-decoration: none; border-bottom-style: solid; border-bottom-width: 3px; border-bottom-color: #b0a397;
}
nav ul.navigation a:link {
text-decoration:none;
color: #afa397; 
}
nav ul.navigation a:visited {
color: #afa397; text-decoration: none; 
}
nav ul.navigation a:focus {
color: white; background: #b0a397; text-decoration:none;
}
nav ul.navigation a:hover {
color: white; background: #afa397; text-decoration:none;
}
nav ul.navigation a:active {
color: #998675; text-decoration:none; border-bottom-style: solid; border-bottom-width: 3px
}

div #wrapper {
width: 954px;
margin: 0 auto;
}
div #main {
float: left;
width: 600px;
padding-right: 30px;
border-right: 1px dotted #b0a397;
margin: 15px 0px 0px 0px;
font-size: 13px;
line-height: 1.5em;
color: #86827e;
image-align: center;
}


div #main-book {
float: left;
width: 600px;
padding-right: 30px;
margin: 10px 0px 0px 0px;
font-size: 13px;
line-height: 1.5em;
color: #86827e;
}

div #mainbio {
float: left;
width: 125px;
margin: 15px 0px 0px 0px;
}
div #photo {
float: left;
width: 110px;
margin: 15px 0px 0px 0px;
}
div #photo-nivo {
width: 110px;
margin: 30px 0px 0px 0px;
}
div #phototext {
float: left;
width: 750px;
margin: -15px 0px 25px 100px;
font-size: 13px;
line-height: 1.5em;
color: #86827e;
}
div #contacttext {
float: left;
width: 750px;
margin: -15px 0px 0px 100px;
font-size: 14px;
line-height: 1.5em;
color: #86827e;
}

div #emailtext {
float: left;
width: 750px;
margin: -15px 0px 250px 100px;
font-size: 14px;
line-height: 1.5em;
color: #86827e;
}

div #contacttext2 {
float: left;
width: 750px;
margin: -15px 0px 322px 100px;
font-size: 14px;
line-height: 1.5em;
color: #86827e;
}
}
div #sitetext {
float: left;
width: 854px;
margin: -15px 0px 0px 100px;
font-size: 13px;
line-height: 1.5em;
color: #86827e;
}
div .photos {
float: left;
width: 335px;
margin: 0px 0px 0px 100px;
font-size: 13px;
line-height: 1.5em;
text-align: left;
color: #86827e;
}
div .photos2 {
float: left;
width: 335px;
margin: 0px 0px 0px 53px;
font-size: 13px;
line-height: 1.5em;
text-align: left;
color: #86827e;
}

div .leafimage{
float: center;
width: 600px;
margin: 5px 0px 0px 5px
}

div.sites {
float: left;
margin: 100px 0px 0px 50px;
color: #afa397;
font-size: 14px;
line-height: 1.5em; 
}
div .siteimages1 {
float: left;
margin: 15px 0px 25px 200px;
font-size: 13px;
line-height: 1.5em;
text-align: left;
color: #86827e;
}
div .siteimages2 {
float: left;
margin: 15px 0px 25px 155px;
font-size: 13px;
line-height: 1.5em;
text-align: left;
color: #86827e;
}
div.sites a:link {
text-decoration:none;
color: #86827e; 
line-height: 1.5em; 
}
.sites a:visited {
color: #86827e; text-decoration: none; 
}
.sites a:focus {
color: white; background: #b0a397; text-decoration:none;
}
.sites a:hover {
color: white; background: #b0a397; text-decoration:none;
}
.sites a:active {
color: #998675; text-decoration:none; border-bottom-style: solid; border-bottom-width: 2px;
}
div #biotext{
float: left;
width: 799px;
margin: 85px 0px 300px 20px;
font-size: 13px;
line-height: 1.5em;
color: #86827e;
}

div #sidebar{
float: left;
width: 300px;
border-top: none;
padding-left: 20px;
color: #afa397;
letter-spacing: 2px;
text-align: center;
margin: 0px;
font-size: 12px;
text-transform: capitalize;
line-height: 1.5 em;
}
div #sidebar-book{
float: left;
width: 300px;
border-top: none;
padding-left: 20px;
color: #afa397;
letter-spacing: 2px;
text-align: right;
margin-top: 25px;
font-size: 12px;
text-transform: capitalize;
line-height: 1.5 em;
}

div ul {
width: 300px;
text-align: left;
margin: 0px;
font-size: 12px;
}

div ul#archives a:link {
text-decoration:none; 
color: #afa397;
line-height: 1.75em;
letter-spacing: .75px;
text-transform: uppercase;
}
div ul#archives a:visited {
color: #afa397; text-decoration: none; 
}
div ul#archives a:focus {
color: #afa397; text-decoration:none;
}
div ul#archives a:hover {
color: #afa397; text-decoration:none;
}
div ul#archives a:active {
color: #998675; text-decoration:none; border-bottom-style: solid; border-bottom-width: 1px
}
div #purchase {
font-size: 12px;
text-decoration: none;
text-align: center;
margin: 0px 0px 45px 0px;
}

label {
    display:block;
    margin-top:20px;
    letter-spacing:2px;
}

.bodyform {
    float: left;
    display:block;
    margin:0px 0px 0px 0px;
    width:500px;
}
/* Centre the form within the page */
form {
    margin:0px 0px 0px 100px;
    width:350px;
}

/*
textarea {
	height:213px;
	background:url(images/textarea-bg.jpg) right no-repeat #efefef;
}if you have a background image for this box*/ 

input, textarea {
    width:350px;
    height:20px;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:2px;
    font-size:0.9em;
	font-family: inherit;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
input:focus, textarea:focus {
    border:1px solid #7f859b;
}
#submit {
    width:127px;
    height:38px;
    background:url(submit.jpg);
    text-indent:-9999px;
    border:none;
    margin-top: 20px;
	margin-bottom: 20px;
    cursor:pointer;
}
	#submit:hover {
	    opacity:.9;
	}

div #footer {
float: left;
width: 954px;
margin: 0 auto;
font-family: Quattrocento Sans, sans-serif;
font-size: 13px;
text-align: center;
text-decoration: none;
color: ##86827e;
}

